.dataTables_wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem !important;
}

.dataTables_paginate {
  display: flex;
  align-items: baseline;
  .text {
    margin-right: 1rem;
  }
  .number {
    color: #55a8f7;
  }
  .form-control {
    margin: 0 1rem;
    width: 4.5rem;
  }
}

._pagination /deep/ {
  user-select: none;

  .page-item:first-child,
  .page-item:last-child {
    .page-link {
      background-color: #ebe9f2;
    }
    &:hover {
      .page-link {
        background: #716aca;
        color: #fff;
      }
    }
  }
  // ignore '...'
  .disabled:hover {
    .page-link {
      background-color: unset;
      color: unset;
    }
  }
}
